<template>
    <wd-swipe :indicators-position="'right'">
      <wd-swipe-item v-for="(item,index) in datas" :key="index" >
          <a :href="item.content">
              <img :src="item.url" alt="'加载中'">
          </a>
      </wd-swipe-item>
    </wd-swipe>
</template>
<script>
export default {
    name: 'swiper',
    props: ['swi'],
    data() {
        return {
            datas: []
        }
    },
    mounted() {
        this.datas = this.$props.swi
    }
}
</script>
<style lang="scss" scoped>
.wd-swipe {
    height: 3rem;
}
.wd-swipe-item{
    img{
        width: 100%;
    }
}
img{
  width:100%;
}
</style>